<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <link rel="stylesheet" href="答题移动端/index.css">
    <link rel="stylesheet" href="答题移动端/content.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="答题移动端/bannerLayout.css">
    <!--    <script src="答题移动端/domJS.js"></script>-->
</head>
<body>
<div class="container">
    <div class="header">
        <span>首页</span>
    </div>
    <div class="main">
            <div class="layout">
                <div class="banner">
                    <!-- 轮播图-->
                    <ul class="bannerImg clearfix" >
<!--                        <li><a href="javascript:"> <img src="image/2.jpg" alt="" /> </a></li>-->
<!--                        <li>-->
<!--                            <a href="javascript:"> <img src="image/u3.png" alt="" /> </a>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <a href="javascript:"> <img src="image/2.jpg" alt="" /> </a>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <a href="javascript:"> <img src="image/u4.png" alt="" /> </a>-->
<!--                        </li>-->
                    </ul>
                    <!-- 轮播圆点-->
                    <ul class="bannerPoint clearfix">

                    </ul>
                </div>
            </div>
        <div class="reCourse">
            <div class="contentTitle">
                    <span>推荐课程</span>
                    <span class="other">报名其它</span><i class="iconfont icon-dayuhao"></i>
            </div>
            <div class="courseList">
                <div class="courseBox">
                    <img src="image/u23.png" alt="">
                    <p>
                    <span>JAVA七日体验课</span>
                    </p>
                </div>
                <div class="courseBox">
                    <img src="image/u23.png" alt="">
                    <p>
                        <span>JAVA七日体验课</span>
                    </p>
                </div>
                <div class="courseBox">
                    <img src="image/u23.png" alt="">
                    <p>
                        <span>JAVA七日体验课</span>
                    </p>
                </div>
                <div class="courseBox">
                    <img src="image/u23.png" alt="">
                    <p>
                        <span>JAVA七日体验课</span>
                    </p>
                </div>
            </div>
            <div class="reSystem">
            <div class="contentTitle">
                <span>课程体系</span>
            </div>
                <div class="systemBox">
                    <img src="image/u17.png" alt="">
                    <img src="image/u18.png" alt="">
                </div>
                <div class="systemText">
                    <p class="referral">• 主要开设了两种课程，java和web前端。
                        每种课程经过阶段性的学习后，都能够开发本公司的外包项目
                        ，通过长达30天的项目实战，让你零距离接触企业真实开发需
                        求，让你真正具备了企业项目开发的能力，轻松应对职场。</p>
                    <p class="empty"></p>
                    <p class="referralTeam">
                        • 讲师团队
                    </p>
                    <p class="referralTeam">经典入门视频  技术解析  前沿技术  探讨学习</p>
                    <p class="empty"></p>
                    <p class="referralTeam">
                        • 就业薪资
                    </p>
                    <p class="referralTeam">平均薪资 7000以上</p>

                </div>
            </div>
            <div class="reCourse">
            <div class="contentTitle">
                <span>推荐课程</span>
                <span class="other">报名其它</span><i class="iconfont icon-dayuhao"></i>
            </div>
                <div class="contentList" >
                        <img src="image/u40.png" alt="">
                        <p>
                            <span>暂无推荐</span>
                        </p>

                </div>
            </div>
            <div class="reCourse">
            <div class="contentTitle">
                <span>推荐课程</span>
                <span class="other">报名其它</span><i class="iconfont icon-dayuhao"></i>
            </div>
                <div class="contentList" >
                        <img src="image/u23.png" alt="">
                        <p class="margin">
                            <span>JAVA七日体验课</span>
                        </p>

                </div>
            </div>
            <div class="reCourse">
                <div class="contentTitle">
                    <span>推荐课程</span>
                    <span class="other">报名其它</span><i class="iconfont icon-dayuhao"></i>
                </div>
                <div class="courseList maDown">
                    <div class="courseBox">
                        <img src="image/u23.png" alt="">
                        <p>
                            <span>JAVA七日体验课</span>
                        </p>
                    </div>
                    <div class="courseBox">
                        <img src="image/u29.png" alt="">
                        <p>
                            <span>前端七日体验课</span>
                        </p>
                    </div>
                    <div class="contentList">
                        <img src="image/u29.png" alt="">
                        <p>
                            <span>前端正式课</span>
                        </p>
                    </div>
                </div>
        </div>
    </div>

</div>
    <div class="footer">
        <div class="footerTitle homePage">
            <div class="hpStyle">
            <i class="iconfont icon-zhaoshangxiaochengxu-shouye"></i>
            <p><span>首页</span></p>
            </div>
        </div>
        <div class="footerTitle answer">
            <div class="awStyle">
            <i class="iconfont icon-zhaoshangxiaochengxu-shouye"></i>
            <p><span>答题</span></p>
            </div>
        </div>
        <div class="footerTitle mySelf">
            <div class="CSSbg">
            <i class="iconfont icon-zhaoshangxiaochengxu-shouye"></i>
            <p><span>我的</span></p>
            </div>
        </div>
    </div>
    <div class="floating">
    <div class="round">
        <i class="iconfont icon-weixin"></i>
        <span>咨询</span>
    </div>
    </div>
</div>
<script src="答题移动端/jquery-3.4.1.js"></script>
<script src="答题移动端/SlideJquery.js"></script>
<script>
    $(function () {
        $(".homePage").css("color","black");
        $(".homePage").click(function () {
            $(".hpStyle").css("color","black");
            $(".awStyle").css("color","red");
            $(".CSSbg").css("color","red");
        })
        $(".answer").click(function () {
            location.href="答题.html";
            $(".awStyle").css("color","black");
            $(".CSSbg").css("color","red");
            $(".hpStyle").css("color","red");

        })
        $(".mySelf").click(function () {
            location.href="我的(未登录).html";
            $(".CSSbg").css("color","black");
            $(".awStyle").css("color","red");
            $(".hpStyle").css("color","red");
        })
        $(".floating").click(function () {
            location.href="咨询.html";
        })
    })
</script>
</body>
</html>